<template>
  <div id="app">
    <el-container class="mycontainer">
      <el-aside width="80px">
        <topView></topView>
        <!-- 左侧导航 -->
        <tabula></tabula>
        <funbtn class="funbtn"></funbtn>
      </el-aside>
      <!-- 中间内容 -->
      <el-container>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import TabulaTion from "./views/layout/sidebar/index.vue";
import topView from "./views/layout/head/index.vue";
import funbtn from "./views/layout/sidebar/funbtn.vue";
import mixins from "@/mixins/index";
export default {
  name: "App",
  components: {
    tabula: TabulaTion,
    topView,
    funbtn
  },
  mixins: [mixins]
};
</script>

<style lang="less" scoped>
#app {
  font-family: Arial, PingFangSC-Regular, Microsoft YaHei, Helvetica, Simsun,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  color: #1e2024;
}
.el-header {
  padding: 0 !important;
  height: 64px !important;
}
.el-aside {
  background: #26252d;
  min-height: 100vh;
  overflow-x: hidden;
  height: 100%;
}
.el-input__inner {
  border: none !important;
  background: #f7f7f7 !important;
}
.el-main {
  padding: 0 !important;
  // height: 100%;
  min-height: 1080px;
}
/deep/ .mycontainer {
  min-width: 1720px;
  // height: 100%;
  min-height: 1080px;
  overflow: auto;
}
</style>
